// 封装购物车模块
import { defineStore } from "pinia";
import { computed, ref } from "vue";
import { useUserStore } from "./userStore";
import { insertCartAPI, findNewCartListAPI, delCartAPI } from "@/apis/Cart.js";

export const useCartStore = defineStore(
  "cart",
  () => {
    const userStore = useUserStore();
    const isLogin = computed(() => userStore.userInfo.token);
    // 获取最新购物车列表ation,updateNewList()用来替换重复的函数体，复用
    const updateNewList = async () => {
      const res = await findNewCartListAPI();
      // cartList.value = cartList.value.concat(res.result);
      cartList.value = res.result;
    };

    // 添加购物车
    // 1.定义state     -cartList
    const cartList = ref([]);
    // 2.定义actions    -addCart
    const addCart = async (goods) => {
      const { skuId, count } = goods;
      // 登录
      if (isLogin.value) {
        // 登录之后的加入购车逻辑
        await insertCartAPI({ skuId, count });
        updateNewList();
      } else {
        // 添加购物车
        // 已添加过----count+1
        // 没有添加过----直接push
        // 思路：通过匹配传递过来的商品对象中的skuID能不能在在cartList中找到，如果能找到，就是添加过，不能找到，就是没有添加过
        const item = cartList.value.find((item) => goods.skuId === item.skuId);
        if (item) {
          // 找到了
          item.count++;
        } else {
          // 没找到
          cartList.value.push(goods);
        }
      }
    };

    // 删除购物车
    const delCart = async (skuId) => {
      if (isLogin.value) {
        // 调用接口实现接口购物车中的删除功能
        await delCartAPI([skuId]);
        updateNewList();
      } else {
        // 思路
        // 1.找到要删除的下标值    -splice
        const idx = cartList.value.findIndex((item) => skuId === item.skuId);
        // 删除前将商品数量重置为1
        cartList.value[idx].count = 1;
        cartList.value.splice(idx, 1);
        // 2.使用数组的过滤方法    -filter
        // cartList.value = cartList.value.filter((item) => item.skuId !== skuId);
      }
    };

    // 清除购物车
    const clearCart = () => {
      // 1.清空数组
      cartList.value = [];
      // 2.清空localStorage
      // localStorage.removeItem('cartList')
    };

    // 单选功能
    const singleCheck = (skuId, selected) => {
      // 通过skuId找到要修改的哪一项，然后把他的selected修改为传过来的selected
      const item = cartList.value.find((item) => item.skuId === skuId);
      // 修改对应的商品项checked值
      item.selected = selected;
    };

    // 全选功能
    const allCheck = (selected) => {
      // 1.修改所有商品的selected为最新的selected
      cartList.value.forEach((item) => (item.selected = selected));
      // cartList.value.forEach(item => item.selected = selected)
      // 2.修改isAll的值
      isAll.value = selected;
    };

    // 是否全选
    const isAll = computed(() => cartList.value.every((item) => item.selected));

    // 计算属性
    // 1.总的数量    所有项的count之和
    const allCount = computed(() => cartList.value.reduce((a, c) => a + c.count, 0));
    // a：每次累加之后都会将价格重新交给a
    // c: 每一项
    // 2.总价       所有项的count*price之和
    const allPrice = computed(() => cartList.value.reduce((a, c) => a + c.count * c.price, 0));
    // 3. 已选择数量
    const selectedCount = computed(() =>
      cartList.value.filter((item) => item.selected).reduce((a, c) => a + c.count, 0)
    );
    // 4. 已选择商品价钱合计
    const selectedPrice = computed(() =>
      cartList.value.filter((item) => item.selected).reduce((a, c) => a + c.count * c.price, 0)
    );

    return {
      cartList,
      addCart,
      delCart,
      clearCart,
      allCount,
      allPrice,
      singleCheck,
      selectedCount,
      selectedPrice,
      isAll,
      allCheck,
      updateNewList,
    };
  },
  {
    persist: true,
  }
);
